<template>
	<view>
		<!-- <u-popup v-model="flag" mode="center">
			<view style="width: 640rpx; padding-top: 68rpx;">
				<view>

					<view class="">
						<s class="oprice">
							原价：￥120
						</s><text style="font-size: 30rpx;margin-left: 38rpx;">￥</text><text
							style="font-size: 90rpx;">70</text>
					</view>
				</view>
				<view class="bottoms">
					<u-line color="#E6E6E6" />
					<view class="pays">
						<view class="d_f j_c_s_b" style="padding-left: 30rpx;padding-right: 30rpx;padding-top: 30rpx;">
							<view class="">
								付款方式
							</view>
							<view class="d_f">
								<image src="../../static/微信.png" mode="widthFix" style="width: 38rpx;height: 32rpx;"
									v-if="checks"></image>
								<view class="" style="margin-left: 14rpx;" v-if="checks">
									微信支付
								</view>
								<image src="../../static/支付宝.png" mode="widthFix" style="width: 38rpx;height: 32rpx;"
									v-if="!checks"></image>
								<view class="" style="margin-left: 14rpx;" v-if="!checks">
									微信支付
								</view>
							</view>
						</view>
						<view class="" style="padding: 20rpx;">
							<u-line color="#E6E6E6" />
						</view>

						<view class="d_f j_c_s_b a_i_c" style="padding-left: 62rpx;padding-right: 62rpx;"
							@tap="weichat">
							<view class="d_f">
								<image src="../../static/微信.png" mode="widthFix" style="width: 38rpx;height: 32rpx;">
								</image>
								<view class="" style="margin-left: 14rpx;">
									微信支付
								</view>
							</view>
							<image src="../../static/勾选(1)@2x.png" mode="widthFix" style="width: 38rpx;height: 27rpx;"
								v-if="checks"></image>
						</view>
						<view class="" style="padding-left: 116rpx;padding-right: 20rpx;margin-top: 28rpx;">
							<u-line color="#E6E6E6" />
						</view>
						<view class="d_f j_c_s_b a_i_c"
							style="padding-left: 62rpx;padding-right: 62rpx;margin-top: 24rpx;" @tap="mychat">
							<view class="d_f">
								<image src="../../static/支付宝.png" mode="widthFix" style="width: 38rpx;height: 32rpx;">
								</image>
								<view class="" style="margin-left: 14rpx;">
									支付宝支付
								</view>
							</view>
							<image src="../../static/勾选(1)@2x.png" mode="widthFix" style="width: 38rpx;height: 27rpx;"
								v-if="!checks"></image>
						</view>
					</view>
					<u-button type="primary" style="margin-top: 30rpx;">支付</u-button>
				</view>

			</view>
		</u-popup> -->
		<view class="">
			<image src="../../static/guize.png" mode="widthFix"
				style="width:50rpx;position: absolute;right: 0;top: 200rpx;z-index: 999;" @tap="adxs"></image>
		</view>
		<view class="agreement-main-box" v-if="shows">
			<view class="agreement-box">
				<view class="title">{{title1}}</view>
				<view class="content-box">
					<view class="content" v-for="item in content1">
						{{item}}
					</view>
				</view>
				<view class="btn" @click="shows=false">我知道了</view>
			</view>
		</view>
		<view class="agreement-main-box" v-if="show">
			<view class="agreement-box">
				<view class="title">{{title}}</view>
				<view class="content-box">
					<view class="content" v-for="item in content">
						{{item}}
					</view>
				</view>
				<view class="btn" @click="ok">我知道了</view>
			</view>
		</view>
		<view class="" style="background-color:#6ce9cc;">
			<image src="../../static/aiqiyitop.png" mode="widthFix" style="width: 100%;"></image>

		</view>

		<view class="" style="padding: 36rpx;background-color: #6ce9cc;margin-top: -50rpx;z-index: 9999;">
			<view class=""
				style="padding-left: 9rpx;padding-right: 9rpx;padding-top: 24rpx;padding-bottom: 30rpx;border-radius: 14rpx">
				<view class="" style="background: #ffffff;border-radius: 45rpx;">
					<u-input v-model="value" :border="true"
						style="border-radius: 45rpx;text-indent:20rpx;font-size:40rpx;" type="number"
						placeholder-style="font-size: 40rpx;color:#1C6988;font-weight:bold" placeholder="输入办理手机号"
						maxlength="11" @input='inputs' />
				</view>



				<view class="submit" @click="submitMethod" style="margin-top: 30rpx;;">
					<image class="submit-btn" mode="widthFix" src="../../static/aiqiyibt.png">
					</image>
				</view>

				<view class="box ">
					<view class="d_f a_i_c">
						<u-checkbox-group>
							<u-checkbox v-model="checked" shape="square" size="22rpx" style="border: 1px solid white;border-radius: 6rpx;">
								
							</u-checkbox>
						</u-checkbox-group>
						<view class="title">
							<text style="color: white;">我已同意并阅读</text>
							<text class="notice" @tap="open">《关于客户个人信息收集、使用规则公告》</text>
						
						</view>
					</view>
				

				
				</view>

			</view>
		</view>

		<view class="" style="background-color:  #F0F4FF;">


		</view>

	</view>
</template>

<script>
	import {
		statistics,
		createoder,
		wxLogin,
		send,
		check,
		subOrder,
		getYys
	} from '../../api/index.js'
	export default {
		data() {
			return {
				disabled: false,
				getCodeText: '获取验证码',
				getCodeBtnColor: "#ffffff",
				p_code: 2023110802,
				sms: '', //验证码
				shows:false,
				checks: true,
				a: "",
				flag: false,
				checked: false,
				show: false,
				value: '',
				openid: '',
				openidHF: '',
				title1: '活动说明',
				content1: [
					"1.活动时间：2023.06.01 00:00:00 ~ 2023.12.31 23:59:59",
					"2.客服咨询：400-8825010（工作日9:00-12:00 13:30-6:00）",
					"3.活动对象：所有正规支付宝注册用户均可参与活动，具体以实际办理为准。",
					"4.产品资费：本产品为爱奇艺会员月卡，19.9/月。（扣费采用签约代扣的方式进行收费）",
					"5.开通后开始扣费升级正式会员，由支付宝代扣19.9元正式开通月卡会员，每月自动续费。购买成功后正式会员权益将立即生效，如对产品有异议或者建议等，请联系客服记录处理。",
					"6.严禁以任何形式翻录或转载、未经许可在第三方平台传播，违者将追究法律责任。",
					"7.开通本产品业务，权益立即生效，领取详情见阅短信。（前往公众号“省心24”，会员中心登录并领取）",
					"8.我们可能会根据本服务的整体规划，对本服务相关权益细则收费标准权益发放方式等进行修改和变更，前诉修改、变更的内容，我们将在相关服务页面公式或以其他合理的方式进行告知，并在告知后生效。当您采用接受服务的形式（包括但不限制于支付行为，未退订继续使用本服务等），既表明您已接受本服务的全部修改，以及上诉服务中的修改和变更。",
					"9.因权益方内部调整，我们可能会终止和权益方的合作，您可能无法通过我们享受权益方提供的产品。届时您可以选择享受其他权益方提供的产品，同时公司将及时公告和告知。如因此导致您无法使用或购买产品的，请您理解我们无需对此承当责任。可能给您带来的不便，敬请谅解。",
					"10.如需解约“爱奇艺会员”，请前往支付宝“设置-支付设置一免密支付自动扣款一选择需要退订的产品”关闭服务。",
					"11.图片仅供参考，活动最终解释权归主办方所有。"
				],
				title: '关于客户个人信息收集、使用规则公告',
				content: [
					"用户协议",
					"尊敬的用户，欢迎使用由成都省心云链科技有限公司（下列简称为“省心云链”）提供的服务。在使用前请您阅读如下服务协议，使用本应用即表示您同意接受本协议，本协议产生法律效力，特别涉及免除或者限制省心云链责任的条款，请仔细阅读。如有任何问题，可向省心云链咨询。",
					"1. 服务条款的确认和接受",
					"通过访问或使用本应用，表示用户同意接受本协议的所有条件和条款。",
					"2. 服务条款的变更和修改",
					"省心云链有权在必要时修改服务条款，服务条款一旦发生变更，将会在重要页面上提示修改内容。如果不同意所改动的内容，用户可以放弃获得的本应用信息服务。如果用户继续享用本应用的信息服务，则视为接受服务条款的变更。本应用保留随时修改或中断服务而不需要通知用户的权利。本应用行使修改或中断服务的权利，不需对用户或第三方负责。",
					"3. 用户行为",
					"3.1 用户账号、密码和安全",
					"您需注册登录账号方可使用我司产品功能。",
					"3.2 账号注册时的禁止行为",
					"（1）请勿以党和国家领导人或其他社会名人的真实姓名、字号、艺名、笔名注册；",
					"（2）冒充任何人或机构，或以虚伪不实的方式谎称或使人误认为与任何人或任何机构有关的名称；",
					"（3）请勿注册和其他网友之名相近、相仿的名字；",
					"（4）请勿注册不文明、不健康名字，或包含歧视、侮辱、猥亵类词语的名字；",
					"（5）请勿注册易产生歧义、引起他人误解的名字；",
					"3.3 用户在本应用上不得发布下列违法信息和照片：",
					"（1）反对宪法所确定的基本原则的；",
					"（2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；",
					"（3）损害国家荣誉和利益的；",
					"（4）煽动民族仇恨、民族歧视，破坏民族团结的；",
					"（5）破坏国家宗教政策，宣扬邪教和封建迷信的；",
					"（6）散布谣言，扰乱社会秩序，破坏社会稳定的；",
					"（7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；",
					"（8）侮辱或者诽谤他人，侵害他人合法权益的；",
					"（9）含有法律、行政法规禁止的其他内容的；",
					"（10）禁止骚扰、毁谤、威胁、仿冒网站其他用户；",
					"（11）严禁煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；",
					"（12）严禁发布可能会妨害第三方权益的文件或者信息，例如（包括但不限于）：病毒代码、黑客程序、软件破解注册信息。",
					"（13）禁止上传他人作品。其中包括你从互联网上下载、截图或收集的他人的作品；",
					"（14）禁止上传广告、横幅、标志等网络图片；",
					"4. 服务内容",
					"本服务的具体内容由省心云链根据实际情况提供，省心云链可以对其提供的服务予以变更，且省心云链提供的服务内容可能随时变更。",
					"",
					"隐私条款",
					"1.用户信息公开情况说明",
					"尊重用户个人隐私是省心云链的一项基本政策。所以，省心云链不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在本应用中的非公开内容，除非有下列情况：",
					"（1）有关法律规定或省心云链合法服务程序规定；",
					"（2）在紧急情况下，为维护用户及公众的权益；",
					"（3）为维护省心云链的商标权、专利权及其他任何合法权益；",
					"（4）其他需要公开、编辑或透露个人信息的情况；",
					"在以下（包括但不限于）几种情况下，启奔科技有权使用用户的个人信息：",
					"（1）在进行促销或抽奖时，省心云链可能会与赞助商共享用户的个人信息，在这些情况下省心云链会在发送用户信息之前进行提示，并且用户可以通过不参与来终止传送过程；",
					"（2）省心云链可以将用户信息与第三方数据匹配；",
					"（3）省心云链会通过透露合计用户统计数据，向未来的合作伙伴、广告商及其他第三方以及为了其他合法目的而描述省心云链的服务；",
					"2.隐私权政策适用范围",
					"（1）用户在使用本应用服务器时留下的个人身份信息；",
					"（2）用户通过本应用服务器与其他用户或非用户之间传送的各种资讯；",
					"（3）本应用与商业伙伴共享的其他用户或非用户的各种信息；",
					"（4）省心云链软件十分注重保护用户的个人隐私，并制定了《隐私政策》，用户亦可以通过《隐私政策》，用户确认并同意使用省心云链软件提供的服务将被视为接受《隐私政策》。",
					"3.资讯公开与共享",
					"省心云链不会将用户的个人信息和资讯故意透露、出租或出售给任何第三方。但以下情况除外：",
					"（1）用户本人同意与第三方共享信息和资讯;",
					"（2）只有透露用户的个人信息和资讯，才能提供用户所要求的某种产品和服务;",
					"（3）应代表本应用提供产品或服务的主体的要求提供（除非我们另行通知，否则该等主体无权将相关用户个人信息和资讯用于提供产品和服务之外的其他用途）：根据法律法规或行政命令的要求提供;因外部审计需要而提供;用户违反了本应用服务条款或任何其他产品及服务的使用规定;经本站评估，用户的帐户存在风险，需要加以保护。",
					"4.非个人隐私信息",
					"为了改善省心云链软件的技术和服务，向用户提供更好的服务体验，省心云链或可会自行收集使用或向第三方提供用户的非个人隐私信息。",
					"5.如何联系我们",
					"您可以通过以下方式与我们联系，我们将在15天内回复您的请求：",
					"（1）如对本政策内容、个人信息有任何疑问、意见或建议，您可通过省心云链客服邮箱：【912716425@qq.com】与我们联系。",
					"（2）如发现个人信息可能被泄露，您可以联系我们的客服人员进行投诉举报；",
					"如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向被告住所地有管辖权的法院提起诉讼来寻求解决方案。",
				]
			}
		},
		components: {

		},
		methods: {
			adxs(){
				this.shows=true
			},
			setTimer() {
				let holdTime = 59; //定义变量并赋值
				this.getCodeText = "重新获取(59)"
				this.disabled = true

				this.Timer = setInterval(() => {
					if (holdTime <= 0) {
						this.disabled = false
						this.getCodeisWaiting = false;
						this.getCodeBtnColor = "#ffffff";
						this.getCodeText = "获取验证码"
						clearInterval(this.Timer); //清除该函数
						return; //返回前面
					}
					this.getCodeText = "重新获取(" + holdTime + ")"
					holdTime--;
				}, 1000)
			},
			//获取验证码
			getsms() {
				if (this.value.length < 11) {
					uni.showToast({
						title: '请输入正确的手机号',
						icon: 'none', //将值设置为 success 或者 ''
						duration: 2000 //持续时间为 2秒
					})
				} else {
					send({
						mobile: this.value,
						event: 'login'
					}).then((res) => {
						console.log(res)
						this.setTimer()
						uni.showToast({
							title: res.msg,
							icon: 'none', //将值设置为 success 或者 ''
							duration: 2000 //持续时间为 2秒
						})
					}).catch((err) => {

					})
				}


			},

			//点击抢购
			submitMethod() {


				if (!/^1[3456789]\d{9}$/.test(this.value)) {
					uni.showToast({
						title: '请输入正确的手机号',
						icon: 'none', //将值设置为 success 或者 ''
						duration: 2000 //持续时间为 2秒
					})
				} else if (this.checked == false) {
					uni.showToast({
						title: '请先勾选用户协议',
						icon: 'none', //将值设置为 success 或者 ''
						duration: 2000 //持续时间为 2秒
					})
				} else {


					// #ifdef H5
					if (/MicroMessenger/.test(window.navigator.userAgent)) {
						let system = navigator.userAgent.toLowerCase();
						//微信环境==苹果跳转支付宝
						if (/(iPhone|iPad|iPod|iOS)/i.test(system)) {
							uni.showLoading({
								title: "正在订购",
								mask: true
							})
							getYys({
								mobile: this.value,
							}).then((resx) => {
								console.log(resx)
								subOrder({
									a: this.a,
									mobile: this.value,
									p_code: this.p_code, //产品码
									productType: '20', //产品类型
									type: '2', //1 是365,2是30
									province: resx.data.Province,
									order_city: resx.data.City,
									yys: resx.data.Isp
								}).then((result) => {
									uni.hideLoading()

									let url =
										'https://ulink.alipay.com/?scheme=alipays%3A%2F%2Fplatformapi%2FstartApp%3FappId%3D60000157%26orderStr%3D' +
										encodeURIComponent(result.data.orderStr);

									window.location.href = url
								})

							})
						} else {
							uni.navigateTo({
								url: "/pages/lead/lead?mobile=" + this.value +
									'&a=' + this.a + '&code=' + this.p_code
							})
						}

					} else {
						uni.showLoading({
							title: "正在订购",
							mask: true
						})
						getYys({
							mobile: this.value,
						}).then((resx) => {
							console.log(resx)
							subOrder({
								a: this.a,
								mobile: this.value,
								p_code: this.p_code, //产品码
								productType: '20', //产品类型
								type: '2', //1 是365,2是30
								province: resx.data.Province,
								order_city: resx.data.City,
								yys: resx.data.Isp
							}).then((result) => {
								uni.hideLoading()

								let url =
									'alipays://platformapi/startApp?appId=60000157&orderStr=' +
									result.data.orderStr;
								window.location.href = url
							})

						})
						// 其他环境


					}

					// #endif



				}

			},
			checkWeChatCode() {
				let code = this.getUrlCode('code')
				if (code) {
					wxLogin({
						code: code,
						type: 1
					}).then((res) => {
						if (res.code == 1) {
							console.log(res)

							uni.setStorageSync('openidHF', res.data.openidH5)


						}
					})
				} else {
					this.changes()
				}
			},
			changes() {
				let local = 'https://h5.2018sx.cn/billh5/'; //获取当前页面地址作为回调地址
				let appid = 'wx56cb827300659f82'
				//通过微信官方接口获取code之后，会重新刷新设置的回调地址【redirect_uri】
				window.location.href =
					`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${local}&response_type=code&scope=snsapi_base&state=${this.a}&a=${this.a}#wechat_redirect`
			},
			inputs() {

				if (this.value.length == 11) {
					this.checked = true
				}
			},
			//打开服务协议
			open() {
				this.show = true
			},
			//关闭服务协议
			ok() {
				this.show = false
			},
			//切换支付方式
			weichat() {
				if (this.checks == false) {
					this.checks = true
				}
			},
			//切换支付方式
			mychat() {
				if (this.checks == true) {
					this.checks = false
				}
			}

		},
		onLoad(option) {



			this.a = option.a
			uni.setStorageSync('a', option.a)



		},
		watch: {

		},
		computed: {

		}
	}
</script>

<style scoped lang='scss'>
	@keyframes butChange {
		0% {
			transform: scale(1);
		}

		50% {
			transform: scale(1.1);
		}

		100% {
			transform: scale(1);
		}
	}

	.pays {
		height: 260rpx;
		background: #F7F7F7;
		border-radius: 8rpx;
		margin-top: 36rpx;
	}

	.bottoms {
		padding: 20rpx;
	}

	.oprice {
		color: #808080;
		margin-left: 46rpx;
		font-size: 30rpx;

	}

	.price {
		font-size: 36rpx;
		color: #19191A;
		font-weight: 600;
	}

	.submit {
		width: 100%;
		margin: 0 auto;
		display: block;
		text-align: center;
		padding: 0;

		.submit-btn {
			animation: butChange 1s infinite;
			width: 100%;
		}
	}

	.box {

		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 28rpx;
		
		background-color: #6ce9cc;
		

	}

	.title {
		margin-left: 10rpx;
		font-size: 24rpx;

	}

	.notice {
		color: #1C6988;

	}

	.agreement-main-box {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url("https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flogin-shadow-bg.png") repeat;
		z-index: 3;

		.agreement-box {
			border-radius: 20rpx;
			background-color: #faf7f2;
			padding: 30rpx;
			width: 85%;
			box-sizing: border-box;

			.title {
				text-align: center;
				color: #f94439;
				font-size: 28rpx;
				padding-bottom: 20rpx;
			}

			.content-box {
				max-height: 50vh;
				overflow: auto;

				.content {
					font-size: 25rpx;
					color: #515151;
					margin-top: 30rpx;
					line-height: 45rpx;
				}

			}

			.btn {
				width: 300rpx;
				font-size: 25rpx;
				letter-spacing: 2rpx;
				color: #fff;
				text-align: center;
				background-color: #f94338;
				border-radius: 120rpx;
				padding: 13rpx 0;
				font-size: 32rpx;
				margin: 10rpx auto 0;
			}
		}
	}
</style>